<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><!-- saved from url=(0044)http://www.family168.com/demo/jpdl/jpdl.html -->
<HTML xmlns="http://www.w3.org/1999/xhtml">
	<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>Jpdl</TITLE>
<link rel="stylesheet" type="text/css" href="./Jpdl_files/jpdl.css">
<SCRIPT type="text/javascript" src="./Jpdl_files/jpdl-packed.js"></SCRIPT>

		<SCRIPT type="text/javascript"
			src="../js/JPDL_Ajax.js"></SCRIPT>
	<!-- <script type='text/javascript'
			src='${pageContext.request.contextPath}/dwr/interface/saveJPDLSercice.js'></script>

		<script type='text/javascript'
			src='${pageContext.request.contextPath}/dwr/interface/flowtemplatebranchService.js'></script>

		<script type='text/javascript'
			src='${pageContext.request.contextPath}/dwr/engine.js'></script>
		<script type='text/javascript'
			src='${pageContext.request.contextPath}/dwr/util.js'></script> -->
		<SCRIPT type="text/javascript">
			
    
Jpdl.onReady(function(){
   var model = new Jpdl.Model({
        id: 'canvas'
    });
     var start = new Jpdl.ImageNode({
        nodeName: 'start',
        x: 100,
        y: 50,
        name: 'start',
        url: 'jpdl/images/activities/48/start_event_empty.png'
    });
    var node = new Jpdl.Node({
        nodeName: 'task',
        x: 200,
        y: 100,
        name: 'ss'
    });
    var end = new Jpdl.ImageNode({
        nodeName: 'end',
        x: 400,
        y: 200,
        name: 'end',
        url: 'jpdl/images/activities/48/end_event_terminate.png'
    });
    model.add(start);
    model.add(node);
    model.add(end);
//	var  edge2 =new Jpdl.Edge(start, node);
    model.add(new Jpdl.Edge(start, node));
    model.add(new Jpdl.Edge(node, end));
	//AJAX 请求

});



    </SCRIPT>
	</HEAD>
	<BODY>

		<DIV id="canvas"
			style="position: absolute; left: 10px; top: 50px; width: 700px; height: 500px; border: 1px solid silver;">
		</DIV>
		<DIV class="jpdlpalette" style="top: 50px;">
			<DIV class="dragHandle move">
				<SPAN class="move" unselectable="on">palette[<A
					href="javascript:alert(Jpdl.model.serial());">保存</A>][<A
					href="javascript:Jpdl.model.clear()">清空</A>]</SPAN>
			</DIV>
			<UL>
				<LI class="paletteBar">
					<DIV unselectable="on">
						Operations
					</DIV>
					<UL>
						<LI id="select" class="paletteItem select"
							style="background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: rgb(204, 204, 204); background-position: initial initial;">
							<SPAN class="paletteItem-select" unselectable="on">Select</SPAN>
						</LI>
						<LI id="marquee" class="paletteItem marquee">
							<SPAN class="paletteItem-marquee" unselectable="on">Marquee</SPAN>
						</LI>
					</UL>
				</LI>
				<LI class="paletteBar">
					<DIV unselectable="on">
						Components
					</DIV>
					<UL>
						<LI id="transition-straight"
							class="paletteItem transition-straight">
							<SPAN class="paletteItem-transition-straight" unselectable="on">transition-straight</SPAN>
						</LI>
						<LI id="transition-broken" class="paletteItem transition-broken">
							<SPAN class="paletteItem-transition-broken" unselectable="on">transition-broken</SPAN>
						</LI>
						<LI id="start" class="paletteItem start">
							<SPAN class="paletteItem-start" unselectable="on">开始</SPAN>
						</LI>
						<LI id="end" class="paletteItem end">
							<SPAN class="paletteItem-end" unselectable="on">结束</SPAN>
						</LI>



						<LI id="hql" class="paletteItem hql">
							<SPAN class="paletteItem-hql" unselectable="on">部门</SPAN>
						</LI>
						<LI id="sql" class="paletteItem sql">
							<SPAN class="paletteItem-sql" unselectable="on">工位</SPAN>
						</LI>


					</UL>
				</LI>
			</UL>
		</DIV>


		<SCRIPT type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</SCRIPT>
		<SCRIPT src="./Jpdl_files/ga.js" type="text/javascript"></SCRIPT>
		<SCRIPT type="text/javascript">var pageTracker = _gat._getTracker("UA-2857097-3");pageTracker._initData();pageTracker._trackPageview();</SCRIPT>
		<INPUT type="text"
			style="position: absolute; left: 0px; top: 0px; width: 0px; border-top-color: gray; border-right-color: gray; border-bottom-color: gray; border-left-color: gray; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: white; display: none; z-index: 1000; background-position: initial initial;">
	</BODY>
</HTML>